{extend name="addon/store/store/view/base.html"/}
{block name="resources"}
<style>
	.layui-card-body{width: 100%; box-sizing: border-box; display: flex; justify-content: space-between;}
	.ns-member {width: 32%; height: 180px; margin-bottom: 20px; box-sizing: border-box; border: 1px solid #E5E5E5; padding: 20px;}
	.ns-member-num{color: red; font-size: 30px; height: 50px; line-height: 50px; margin-top: 30px;}
	.ns-member-title{color: #666666; font-size: 16px;}
	
	/* 门店信息 */
	.ns-survey-shop{display: flex;align-items: center;padding: 20px 0px 35px 20px!important;flex-wrap: nowrap;box-sizing: border-box;}
	.ns-img-box {width: 80px; height: 80px; line-height: 80px; flex-shrink: 0;}
	.ns-surver-shop-detail{max-width: 1164px;display: flex;flex-wrap: wrap;}
	.ns-survey-shop-name {margin-right: 50px; margin-left: 10px; flex-shrink: 0; font-size: 18px;}
	.ns-surver-shop-detail p {width: 340px;line-height: 40px;padding: 0 10px;}
	
	/* 概况*/
	.ns-survey-detail{padding: 20px;margin-top: 20px;}
	.ns-survey-detail-title{display: flex;justify-content: space-between;margin-bottom: 20px;}
	.ns-survey-detail-name{font-size: 18px;}
	.ns-survey-detail-time{color: #999999;}
	.ns-survey-detail-acount{box-sizing: border-box;}
	.ns-survey-detail-con{padding: 35px 20px 0;display: inline-block;width: 33%;height: 180px;box-sizing: border-box;vertical-align: top;}
	.ns-survey-detail-aco{color: #999999;line-height: 30px;}
	.ns-survey-detail-yesterday{color: #333333;line-height: 30px;}
	.ns-survey-detail-num{font-size: 30px;color: red;line-height: 50px;}
	.ns-survey-detail-aim{box-sizing: border-box;padding-left: 50px;}

	.img_size{width:100%;height:100%;}
</style>
{/block}
{block name="main"}
<div class="ns-survey">
	<!-- 门店信息 -->
	<div class="layui-card ns-survey-shop">
		<div class="ns-img-box" id="img">
			{if condition="!empty($store_info.store_image)"}
				<img layer-src src="{:img($store_info.store_image)}" class="img_size"/>
			{else/}
				<img layer-src src="{:img($default_img.default_store_img)}" class="img_size"/>
			{/if}
		</div>
		<p class="ns-survey-shop-name"><strong>{$store_info.store_name}</strong></p>
		<div class="ns-surver-shop-detail">
			<p class="ns-line-hiding"><strong>门店名称：</strong><span class="ns-text-color-dark-gray" title="{$store_info.store_name}">{$store_info.store_name}</span></p>
			<p class="ns-line-hiding"><strong>用户名：</strong><span class="ns-text-color-dark-gray" title="{$user_info.username}">{$user_info.username}</span></p>
			<p class="ns-line-hiding"><strong>店铺地址：</strong><span class="ns-text-color-dark-gray" title="{$store_info.full_address}">{$store_info.full_address}</span></p>
			<p class="ns-line-hiding"><strong>联系方式：</strong><span class="ns-text-color-dark-gray" title="{$store_info.telphone}">{$store_info.telphone}</span></p>
			<p class="ns-line-hiding"><strong>登录时间：</strong><span class="ns-text-color-dark-gray" title="{:date('Y-m-d H:i:s', $user_info.login_time)}">{:date('Y-m-d H:i:s', $user_info.login_time)}</span></p>
			<p class="ns-line-hiding"><strong>营业时间：</strong><span class="ns-text-color-dark-gray" title="{$store_info.open_date}">{$store_info.open_date}</span></p>
		</div>
	</div>
	
	<!-- 概况 -->
	<div class="layui-card ns-card-common ns-card-brief">
		<div class="layui-card-header">
			<span class="ns-card-title">门店概况</span>
		</div>
		<div class="layui-card-body">
			<div class="ns-member">
				<p class="ns-member-num">{$member_count}</p>
				<p class="ns-member-title">门店会员数</p>
			</div>
	
			<div class="ns-member">
				<p class="ns-member-num">￥{$store_info.order_complete_money}</p>
				<p class="ns-member-title">门店订单金额</p>
			</div>
	
			<div class="ns-member">
				<p class="ns-member-num">{$store_info.order_complete_num}</p>
				<p class="ns-member-title">门店订单数</p>
			</div>
		</div>
	</div>

</div>
{/block}
{block name="script"}
<script>
</script>
{/block}
